<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!--忽略页面中的邮箱格式为邮箱-->
    <meta name="format-detection" content="email=no">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no,address=no,email=no">
    <title>导师列表页</title>
    <link rel="stylesheet" href="../css/index_wx.css">
    <script src="../js/jquery-2.1.1.min.js"></script>

</head>
<body style="font-family: myFont;background-color: #F3F3F3;">
<div class="warp_wx">
    <div class="tear_pages">
        <img src="../images/tear_list/teambanner.png" alt="" class="teambanner">
        <ul class="list_ul">
            <li class="tear_li">
                <img src="../images/tear_list/yang.png" alt="" class="tear_img">
                <div class="tear_text">
                    <h3>杨景郁</h3>
                    <p>从事幼教领域19年教领域19从事幼教领域19年教领域19从事幼教领域19年教领域从事幼教领域19年教领域1从事幼教领域19年教领域19</p>
                    <img src="../images/icon/blockarrright.png" alt="" class="blockarrright">
                </div>
            </li>
            <li class="tear_li">
                <img src="../images/tear_list/han.png" alt="" class="tear_img">
                <div class="tear_text">
                    <h3>韩翊</h3>
                    <p>从事幼教领域19年教领域</p>
                    <img src="../images/icon/blockarrright.png" alt="" class="blockarrright">
                </div>
            </li>
            <li class="tear_li">
                <img src="../images/tear_list/kai.png" alt="" class="tear_img">
                <div class="tear_text">
                    <h3>马凯</h3>
                    <p>从事幼教领域19年教领域</p>
                    <img src="../images/icon/blockarrright.png" alt="" class="blockarrright">
                </div>
            </li>
            <li class="tear_li">
                <img src="../images/tear_list/lei.png" alt="" class="tear_img">
                <div class="tear_text">
                    <h3>刘蕾</h3>
                    <p>从事幼教领域19年教领域域19年教领域域19年</p>
                    <img src="../images/icon/blockarrright.png" alt="" class="blockarrright">
                </div>
            </li>
            <li class="tear_li">
                <img src="../images/tear_list/shuo.png" alt="" class="tear_img">
                <div class="tear_text">
                    <h3>王硕</h3>
                    <p>从事幼教领域19年教领域域19年教领域域19年</p>
                    <img src="../images/icon/blockarrright.png" alt="" class="blockarrright">
                </div>
            </li>
            <li class="tear_li">
                <img src="../images/tear_list/hu.png" alt="" class="tear_img">
                <div class="tear_text">
                    <h3>胡杰</h3>
                    <p>从事幼教领域19年教领域域19年教领域域19年</p>
                    <img src="../images/icon/blockarrright.png" alt="" class="blockarrright">
                </div>
            </li>
            <li class="tear_li">
                <img src="../images/tear_list/jia.png" alt="" class="tear_img">
                <div class="tear_text">
                    <h3>刘嘉萌</h3>
                    <p>从事幼教领域19年教领域域19年教领域域19年</p>
                    <img src="../images/icon/blockarrright.png" alt="" class="blockarrright">
                </div>
            </li>
        </ul>
        <p class="baseline">——— 我是底线 ———</p>
    </div>
</div>
<script>
    $(function() {
        $(".tear_li").touchstart(function () {
            $(this).css("transform","scale(.88)")
        })
        $(".tear_li").touchend(function () {
            $(this).css("transform","scale(1)")
        })
        var newStyle = $("<style> @font-face {font-family: 'myFont';  src: url('../fonts/HYQiHei-50S.ttf');} </style>");
        $('body').append(newStyle);
    });
</script>
</body>
</html>